@layout("/common/_form.html",{js:["/assets/guige/guige_edit.js"]}){
<style>
	.inline,.layui-upload {
		display:flex;
		align-items: center;
	}
	.layui-upload-list {
		margin-left:20px
	}
	.imgbox {
		width:100px;
		height:100px;
		overflow: hidden;
		display: flex;
    	align-items: center;
	}
	.layui-upload-img {
		width:100%
	}
</style>
<form class="layui-form" id="guigeForm" lay-filter="guigeForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <div class="layui-card">
            <div class="layui-card-header">基本信息</div>
            <div class="layui-card-body">
                <div class="layui-form-item layui-row">
                    <input name="id" type="hidden"/>

                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">规格名称<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="name" name="name" placeholder="请输入规格名称" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12 inline">
                        <label class="layui-form-label">展示图<span style="color: red;">*</span></label>
                        <input type="hidden" name="pic" id="pic" value="" />
                        <div class="layui-upload">
                            <button type="button" class="layui-btn" id="picBtn">上传图片</button>
                            <div class="layui-upload-list">
                            	<div class="imgbox">
                            		<img class="layui-upload-img" id="picPre">
                            	</div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">柜容量<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="capacity" name="capacity" placeholder="请输入柜容量" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">规格<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input id="specs" name="specs" placeholder="请输入规格" type="text" class="layui-input" lay-verify="required" required/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group-bottom text-center">
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
        <button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">&emsp;取消&emsp;</button>
    </div>

</form>

@}